<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://shiro.apache.org/tags"  prefix="shiro"%>
<!DOCTYPE HTML>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<!-- 设置页面的 基本路径，页面所有资源引入和页面的跳转全部基于 base路径 -->
<base href="<%=basePath%>">
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" >
<link rel="Shortcut Icon" href="/favicon.ico" />

<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />

<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="lib/bootstrap-table/bootstrap-table.min.css" />



<title>基础数据列表</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 基础数据管理 <span class="c-gray en">&gt;</span> 基础数据列表</nav>
<div class="page-container">
<span id="toolbar" class="l">
	<shiro:hasPermission name="baseData:delete">
		<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> 
	</shiro:hasPermission>
	
	<shiro:hasPermission name="baseData:insert">
		<a href="javascript:;" onclick="baseData_add()" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加基础数据</a>
	</shiro:hasPermission>
</span> 
	
	
	<table id="dataTable"></table>
	
</div>




<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.11.3/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="lib/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="lib/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>

<script type="text/javascript">
	//文档加载完毕后执行匿名函数
	

	
	$(function(){
		
		//初始化BootStrap-table
		
		$("#dataTable").bootstrapTable({
			url: 'baseData/list.do',//ajax请求的url地址
			//设置ajax异步请求的参数
			queryParams:function(params){
				var paramsData = {keyword:params.search,
								pageSize:params.limit,
								pageNum:params.offset/params.limit +1}
				return paramsData;
			},
			method:'get',
			responseHandler: function(res) { 
				var data =  {rows: res.list,total: res.total};
				return data;
			},
			pagination: true,
			toolbar: "#toolbar",//顶部显示的工具条（添加和批量删除的）
			contentType: 'application/x-www-form-urlencoded',//条件搜索的时候ajax请求给后台数据的数据类型（条件搜索post提交必须设置）
			search: true,//是否显示搜索框
			pageNumber: 1,//默认的页面 第一页
			pageSize: 10,//默认的每页条数
			pageList:[10,15,25,50,100],//每页能显示的条数
			sidePagination: "server",//是否是服务器分页，每次请求都是对应的10条数据，下一页发送ajax请求
			paginationHAlign: 'right', //底部分页条
			cardView: false, //是否显示详细视图
			showRefresh: true, //是否显示刷新按钮
			columns: [ //表格显示数据对应的表头设置，
				{ checkbox: true},//是否显示前台的复选框（多选）
				/*
					每列数据的表头的设置
					filed:返回json数据对应数据的key
					title:表头要显示的名
				*/
				{field: 'baseId',title: '编号'}, 
				{field: 'baseName',title: '基础数据名称'}, 
				{field: 'baseDesc',title: '基础数据说明'},
				{field: 'parentName',title: '所属分类'},
				//操作列的设置（删除，修改）
				/*
				formatter: 格式化这一行，回调一个函数
				*/
				{
					field:'baseId',
					title:'操作',
					align:'center',
					formatter:operationFormatter
					
			}]
					
		});
		
		
	})
	
	function operationFormatter(value,row,index,field){
		
		var html = "<shiro:hasPermission name='baseData:delete'>"
		html += "<span onclick='baseData_del("+value+")' style='cursor: pointer;color: red' class='glyphicon glyphicon-trash'></span>&nbsp;&nbsp;";
		html += "</shiro:hasPermission>"
		
		html += "<shiro:hasPermission name='baseData:update'>"
		html += "<span onclick='baseData_edit("+value+")'  style='cursor: pointer;grenn: red' class='glyphicon glyphicon-pencil'></span>";
		html += "</shiro:hasPermission>"
		
		return html;
	}

</script>




<script type="text/javascript">
/*
	参数解释：
	title	标题
	url		请求的url
	id		需要操作的数据id
	w		弹出层宽度（缺省调默认值）
	h		弹出层高度（缺省调默认值）
*/
/*基础数据-增加*/
function baseData_add(){
	
	
	//在这里面输入任何合法的js语句
	layer.open({
	  type: 2 
	  ,area: ['800px', '500px']
	  ,title: '新增基础数据'
	  ,shade: 0.6 //遮罩透明度
	  ,maxmin: true //允许全屏最小化
	  ,content: 'baseData/baseDataEdit.do'
	});
	
}
/*基础数据-删除*/
function baseData_del(baseId){
	
	layer.confirm("亲，您确定要删除此条数据么？",{icon:3},function(){
		
		$.get("baseData/delete.do?baseId="+baseId,function(data){
			
			//删除完毕以后的提示
			layer.msg(data.msg,{icon:data.code,time:2000},function(){
				
				//如果状态code等于1说明删除成，刷新一下表格
				if(data.code == 1){
					//刷新BootStrap-table表格
					refreshTable();
				}
				
			});
		});
		
	});
	
}

/*刷新BootStrap-table表格函数*/
function refreshTable(){
	$("#dataTable").bootstrapTable('refresh');
}


/*基础数据-编辑*/
function baseData_edit(baseId){
	
	layer.open({
	  type: 2 
	  ,area: ['800px', '500px']
	  ,title: '新增基础数据'
	  ,shade: 0.6 //遮罩透明度
	  ,maxmin: true //允许全屏最小化
	  ,content: 'baseData/baseDataEdit.do?baseId='+baseId
	});
	
}

</script>
</body>
</html>